<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>index</title>
    <link rel="stylesheet" href="css/app.min.css">
</head>
<body>
<!-- ==== START WAPPER ==== -->
<div id="wapper">


    <!-- ==== START NAV ==== -->
    <nav role="navigation">
        <div class="logo"><a href="#">校视通</a></div>
        <ul>
            <li class="current"><a href="index.html">首页</a></li><li><a href="yunke.html">云课</a></li><li><a href="#">公社</a></li><li><a href="#">活动</a></li><li><a href="#">资讯</a></li><li><a href="beike.html">备课</a></li><li id="last"><a href="#">校团众筹</a></li>
        </ul>

        <form class="search" action="#" method="post">
            <input type="search" class="text" name="name" placeholder="搜索的内容..."><button class="btn-search" searchtype="submit" name="button"><i class="fa fa-search fa-lg"></i></button>
        </form>
    </nav>
    <!-- ==== END NAV ==== -->


    <!-- ==== START SLIDER ==== -->
    <div class="slider">
        <div class="banner">
            <ul>
                <li><img src="images/03.jpg" alt="" width="100%" height="100%"/></li>
                <li><img src="images/02.jpg" alt="" width="100%" height="100%"/></li>
                <li><img src="images/03.jpg" alt="" width="100%" height="100%"/></li>
                <li><img src="images/02.jpg" alt="" width="100%" height="100%"/></li>
            </ul>
        </div>
        <a href="#" class="unslider-arrow prev"><span class="fa fa-chevron-left"></span></a>
        <a href="#" class="unslider-arrow next"><span class="fa fa-chevron-right"></span></a>
    </div>
    <!-- ==== END SLIDER ==== -->


    <!-- ==== START ABOUT ==== -->
    <div class="about">
        <p>&nbsp;&nbsp;&nbsp;校视通是一家从事互联网免费教学的网络公益教育公司</p>
        <p>&nbsp;&nbsp;秉承“开拓、创新、开拓、创新、公平、分享”的精神，致力于为教育机构及求学者</p>
        <p>打造一站式互动在线教育品牌</p>
        <button type="button" name="button">阅读更多</button>
    </div>
    <!-- ==== END ABOUT ==== -->


    <!-- ==== START WORK ==== -->
    <div class="work">
        <div class="">
            <i class="fa fa-graduation-cap fa-5x"></i>
            <h2>免费学习</h2>
            <p>校视通是一家从事互联网免费</p>
            <p>教学的网络公益教育公司</p>
            <p>秉承“开拓、创新、公平、分享”的精神</p>
            <p>致力于为教育机构及求学者</p>
            <p>打造在线教育品牌</p>
        </div>
        <div class="">
            <i class="fa fa-heart fa-5x"></i>
            <h2>公益活动</h2>
            <p>校视通是一家从事互联网免费</p>
            <p>教学的网络公益教育公司</p>
            <p>秉承“开拓、创新、公平、分享”的精神</p>
            <p>致力于为教育机构及求学者</p>
            <p>打造教育品牌</p>
        </div>
        <div class="">
            <i class="fa fa-rocket fa-5x"></i>
            <h2>学习计划</h2>
            <p>校视通是一家从事互联网免费</p>
            <p>教学的网络公益教育公司</p>
            <p>秉承“开拓、创新、公平、分享”的精神</p>
            <p>致力于为教育机构及求学者</p>
            <p>打造品牌</p>
        </div>
    </div>
    <!-- ==== END WORK ==== -->


    <!-- ==== START FOOTER ==== -->
    <footer role="contentinfo" class="footer">
        <div class="f">
            <div class="f1">
                <h3>统计信息</h3>
                <p><span>网站总访问量 : </span><span>1365544</span></p>
                <p><span>当前在线人数 : </span><span>42554</span></p>
                <p><span>页面加载时间 : </span><span>0.000234</span></p>
            </div>
            <div class="f3">
                <h3>联系我们</h3>
                <p><i class="fa fa-map-marker"></i>江苏省南京市</p>
                <p><i class="fa fa-phone"></i>123-456-789</p>
                <p><i class="fa fa-envelope"></i>1234567@qq.com</p>
            </div>
            <div class="f4">
                <h3>主办者</h3>
                <p>南京市XXX教育学院</p>
                <p>南京市XXX教育研究委员会</p>
                <p>南京市XXX教育学会</p>
            </div>
        </div>
        <div class="copy">
            <small>&copy; Copyright 2016</small>
            <p>
                <a href="#" class="fa fa-qq" title="QQ"></a>
                <a href="#" class="fa fa-weibo" title="微博"></a>
                <a href="#" class="fa fa-renren" title="人人网"></a>
                <a href="#" class="fa fa-weixin" title="微信"></a>
            </p>
        </div>
    </footer>
    <!-- ==== END FOOTER ==== -->


    <!-- ==== END WAPPER ==== -->
    <script type="text/javascript" src="js/main.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $('.banner').unslider();
            var unslider = $('.banner').unslider();
            $('.unslider-arrow').click(function() {
                var fn = this.className.split(' ')[1];
                unslider.data('unslider')[fn]();
            });
        });
        window.onresize = function() {
            var oImg=document.getElementsByTagName('img');
            var ss=document.body.clientWidth;
            ss = (ss>1280) ? ss : 1280;
            for( i=0;i<4;i++ ) {
                oImg[i].style.width=ss+"px";
            }
        }
    </script>

</body>
<<<<<<< HEAD
</html>
=======
</html>
>>>>>>> c8c86efb10bdbb3b450ef3d3cce2272789177c10
